<!doctype html>
<!DOCTYPE html><html lang="zh"><head><meta charset="utf-8">
    
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Title -->
    <title>Project Fchat -- fbtstudio</title>

    <!-- Favicon -->
    <link rel="icon" href="favicon.ico">

    <!-- Core Stylesheet -->
    <link href="css/style.css" rel="stylesheet">

    <!-- Responsive CSS -->
    <link href="css/responsive.css" rel="stylesheet">

</head>

<body>
    <!-- Preloader Start -->
    <div id="preloader">
        <div class="colorlib-load"></div>
    </div>

    <!-- ***** Header Area Start ***** -->
    <header class="header_area animated">
        <div class="container-fluid">
            <div class="row align-items-center">
                <!-- Menu Area Start -->
                <div class="col-12 col-lg-10">
                    <div class="menu_area">
                        <nav class="navbar navbar-expand-lg navbar-light">
                            <!-- Logo -->
                            <a class="navbar-brand" href="#">F-Chat</a>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                            <!-- Menu Area -->
                            <div class="collapse navbar-collapse" id="ca-navbar">
                                <ul class="navbar-nav ml-auto" id="nav">
                                    <li class="nav-item active"><a class="nav-link" onClick="window.open('https://fbtstudio2021.top','_self')" href="#home">主页</a></li>
                                    <li class="nav-item"><a class="nav-link" onClick="window.open('https://form.fbtstudio2021.top','_self')" href="#about">前往开发者blog</a></li>
                                    <!-- <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#screenshot">Screenshot</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#pricing">Pricing</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#testimonials">Testimonials</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
                                    <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> -->
                                </ul>
                                <div class="sing-up-button d-lg-none">
                                    <a href="#">免费下载</a>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
                <!-- Signup btn -->
                <div class="col-12 col-lg-2">
                    <div class="sing-up-button d-none d-lg-block">
                        <a onClick="window.alert('暂未开放','抱歉');" href="#">下载!</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- ***** Header Area End ***** -->

    <!-- ***** Wellcome Area Start ***** -->
    <section class="wellcome_area clearfix" id="home">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12 col-md">
                    <div class="wellcome-heading">
                        <h2>Project Fchat</h2>
                        <h3></h3>
                        <p>Project Fchat 是我们团队的最新项目，本程序会给你一个更轻更快更舒服的聊天体验!</p>
                    </div>
                    <!--<div class="get-start-area">-->
                    <!--     Form Start -->
                    <!--    <form action="#" method="post" class="form-inline">-->
                    <!--        <input type="email" class="form-control email" placeholder="name@company.com">-->
                    <!--        <input type="submit" class="submit" value="Get Started">-->
                    <!--    </form>-->
                        
                    <!--     Form End -->
                    <!--</div>-->
                    <!--快速注册入口-->
                    
                </div>
            </div>
        </div>
        <!-- Welcome thumb -->
        <div class="welcome-thumb wow fadeInDown" data-wow-delay="0.5s">
           <!-- <img src="" alt="">-->
        </div>
    </section>
    <!-- ***** Wellcome Area End ***** -->

    <!-- ***** Special Area Start ***** -->
    <section class="special-area bg-white section_padding_100" id="about">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Section Heading Area -->
                    <div class="section-heading text-center">
                        <h2>项目介绍&nbsp;</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Special Area -->
                <div class="col-12 col-md-4">
                    <div class="single-special text-center wow fadeInUp" data-wow-delay="0.2s">
                        <div class="single-icon">
                            <i class="ti-mobile" aria-hidden="true"></i>
                        </div>
                        <h4>更轻巧</h4>
                        <p>程序基于我们自己团队开发的ui框架，不仅大大的缩小了app的占用更加快了速度!而且聊天速度传送也非常快!</p>
                    </div>
                </div>
                <!-- Single Special Area -->
                <div class="col-12 col-md-4">
                    <div class="single-special text-center wow fadeInUp" data-wow-delay="0.4s">
                        <div class="single-icon">
                            <i class="ti-ruler-pencil" aria-hidden="true"></i>
                        </div>
                        <h4>更舒服</h4>
                        <p>我们团队设计的ui界面轻巧简单,让您不会起视觉疲劳之感，而且我们经过人性化的设计，让使用体验更上一层楼</p>
                    </div>
                </div>
                <!-- Single Special Area -->
                <div class="col-12 col-md-4">
                    <div class="single-special text-center wow fadeInUp" data-wow-delay="0.6s">
                        <div class="single-icon">
                            <i class="ti-settings" aria-hidden="true"></i>
                        </div>
                        <h4>更安全</h4>
                        <p>我们的fchat消息内容都经过我们自研的加密算法加密传输，让您的聊天内容得到保密与安全</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Special Description Area -->
        <div class="special_description_area mt-150">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="special_description_img">
                            <img src="img/special.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-5 ml-xl-auto">
                        <div class="special_description_content">
                            <h2>还有~最佳的扩展性!</h2>
                            <p>我们的Fchat项目不仅仅有以上的特点，更有扩展功能，不仅您可以更换您喜欢的字体当做界面，更有各种各样的功能等着您开发，我们为此提供了丰富的api以及我们自己的扩展商店平台</p>
                            <div class="app-download-area">
                                <div class="app-download-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <!-- Google Store Btn -->
                                    <a href="#">
                                        <i class="fa fa-exchange"></i>
                                        <p class="mb-0"><span>Go to</span> Extend Store</p>
                                    </a>
                                </div>
                                <div class="app-download-btn wow fadeInDown" data-wow-delay="0.4s">
                                    <!-- Apple Store Btn -->
                                    <!--<a href="#">
                                        <i class="fa fa-apple"></i>
                                        <p class="mb-0"><span>available on</span> Apple Store</p>
                                    </a>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Special Area End ***** -->

    <!-- ***** Awesome Features Start ***** -->
    <section class="awesome-feature-area bg-white section_padding_0_50 clearfix" id="features">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Heading Text -->
                    <div class="section-heading text-center">
                        <h2>开发新闻&nbsp;</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>

       <div>
		   <p>抱歉~暂时没有</p>
	   </div>

        </div>
    </section>
    <!-- ***** Awesome Features End ***** -->

    <!-- ***** Video Area Start ***** -->
    <div class="video-section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Video Area Start -->
                    <!--<div class="video-area" style="background-image: url(img/video.jpeg);">-->
                    <!--    <div class="video-play-btn">-->
                    <!--        <a href="视频介绍地址" class="video_btn"><i class="fa fa-play" aria-hidden="true"></i></a>-->
                    <!-- 介绍视频放置区域 -->
                    
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Video Area End ***** -->

    <!-- ***** App Screenshots Area Start ***** -->
    <section class="app-screenshots-area bg-white section_padding_0_100 clearfix" id="screenshot">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <!-- Heading Text  -->
                    <div class="section-heading">
                        <h2>应用截图</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <!-- App Screenshots Slides  -->
                    <div class="app_screenshots_slides owl-carousel">
                        <div class="single-shot">
                            <img src="img/app-1.jpeg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="img/app-2.jpeg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="img/app-3.jpeg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="img/app-4.jpeg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="img/app-5.jpeg" alt="">
                        </div>
                        <div class="single-shot">
                            <img src="img/app-3.jpeg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** App Screenshots Area End *****====== -->

    <!-- ***** Pricing Plane Area Start *****==== -->
    <!--<section class="pricing-plane-area section_padding_100_70 clearfix" id="pricing">-->
    <!--    <div class="container">-->
    <!--        <div class="row">-->
    <!--            <div class="col-12">-->
                    <!-- Heading Text  -->
    <!--                <div class="section-heading text-center">-->
    <!--                    <h2>定价计划</h2>-->
    <!--                    <div class="line-shape"></div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->

    <!--        <div class="row no-gutters">-->
    <!--            <div class="col-12 col-md-6 col-lg-3">-->
                    <!-- Package Price  -->
    <!--                <div class="single-price-plan text-center">-->
                        <!-- Package Text  -->
    <!--                    <div class="package-plan">-->
    <!--                        <h5>Starter Plan</h5>-->
    <!--                        <div class="ca-price d-flex justify-content-center">-->
    <!--                            <span>$</span>-->
    <!--                            <h4>29</h4>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="package-description">-->
    <!--                        <p>Up to 10 users monthly</p>-->
    <!--                        <p>Unlimited updates</p>-->
    <!--                        <p>Free host &amp; domain</p>-->
    <!--                        <p>24/7 Support</p>-->
    <!--                        <p>10 Unique Users</p>-->
    <!--                    </div>-->
                        <!-- Plan Button  -->
    <!--                    <div class="plan-button">-->
    <!--                        <a href="#">Select Plan</a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <div class="col-12 col-md-6 col-lg-3">-->
                    <!-- Package Price  -->
    <!--                <div class="single-price-plan text-center">-->
                        <!-- Package Text  -->
    <!--                    <div class="package-plan">-->
    <!--                        <h5>Basic Plan</h5>-->
    <!--                        <div class="ca-price d-flex justify-content-center">-->
    <!--                            <span>$</span>-->
    <!--                            <h4>49</h4>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="package-description">-->
    <!--                        <p>Up to 10 users monthly</p>-->
    <!--                        <p>Unlimited updates</p>-->
    <!--                        <p>Free host &amp; domain</p>-->
    <!--                        <p>24/7 Support</p>-->
    <!--                        <p>10 Unique Users</p>-->
    <!--                    </div>-->
                        <!-- Plan Button  -->
    <!--                    <div class="plan-button">-->
    <!--                        <a href="#">Select Plan</a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <div class="col-12 col-md-6 col-lg-3">-->
                    <!-- Package Price  -->
    <!--                <div class="single-price-plan active text-center">-->
                        <!-- Package Text  -->
    <!--                    <div class="package-plan">-->
    <!--                        <h5>Advenced Plan</h5>-->
    <!--                        <div class="ca-price d-flex justify-content-center">-->
    <!--                            <span>$</span>-->
    <!--                            <h4>69</h4>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="package-description">-->
    <!--                        <p>Up to 10 users monthly</p>-->
    <!--                        <p>Unlimited updates</p>-->
    <!--                        <p>Free host &amp; domain</p>-->
    <!--                        <p>24/7 Support</p>-->
    <!--                        <p>10 Unique Users</p>-->
    <!--                    </div>-->
                        <!-- Plan Button  -->
    <!--                    <div class="plan-button">-->
    <!--                        <a href="#">Select Plan</a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <div class="col-12 col-md-6 col-lg-3">-->
                    <!-- Package Price  -->
    <!--                <div class="single-price-plan text-center">-->
                        <!-- Package Text  -->
    <!--                    <div class="package-plan">-->
    <!--                        <h5>Community Plan</h5>-->
    <!--                        <div class="ca-price d-flex justify-content-center">-->
    <!--                            <span>$</span>-->
    <!--                            <h4>99</h4>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                    <div class="package-description">-->
    <!--                        <p>Up to 10 users monthly</p>-->
    <!--                        <p>Unlimited updates</p>-->
    <!--                        <p>Free host &amp; domain</p>-->
    <!--                        <p>24/7 Support</p>-->
    <!--                        <p>10 Unique Users</p>-->
    <!--                    </div>-->
                        <!-- Plan Button  -->
    <!--                    <div class="plan-button">-->
    <!--                        <a href="#">Select Plan</a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->
    <!--收费和定价功能,后期可能会以捐助的形式展现-->
    
    <!-- ***** Pricing Plane Area End ***** -->

    <!-- ***** Client Feedback Area Start ***** -->
    <!-- <section class="clients-feedback-area bg-white section_padding_100 clearfix" id="testimonials">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-md-10">
                    <div class="slider slider-for"> -->
                        <!-- Client Feedback Text  -->
                        <!-- <div class="client-feedback-text text-center">
                            <div class="client">
                                <i class="fa fa-quote-left" aria-hidden="true"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ I have been using it for a number of years. I use Colorlib for usability testing. It's great for taking images and making clickable image prototypes that do the job and save me the coding time and just the general hassle of hosting. ”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>Aigars Silkalns</h5>
                                <p>Ceo Colorlib</p>
                            </div>
                        </div> -->
                        <!-- Client Feedback Text  -->
                        <!-- <div class="client-feedback-text text-center">
                            <div class="client">
                                <i class="fa fa-quote-left" aria-hidden="true"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ I use Colorlib for usability testing. It's great for taking images and making clickable image prototypes that do the job and save me the coding time and just the general hassle of hosting. ”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>Jennifer</h5>
                                <p>Developer</p>
                            </div>
                        </div> -->
                        <!-- Client Feedback Text  -->
                        <!-- <div class="client-feedback-text text-center">
                            <div class="client">
                                <i class="fa fa-quote-left" aria-hidden="true"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ I have been using it for a number of years. I use Colorlib for usability testing. It's great for taking images and making clickable image prototypes that do the job.”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>Helen</h5>
                                <p>Marketer</p>
                            </div>
                        </div> -->
                        <!-- Client Feedback Text  -->
                        <!-- <div class="client-feedback-text text-center">
                            <div class="client">
                                <i class="fa fa-quote-left" aria-hidden="true"></i>
                            </div>
                            <div class="client-description text-center">
                                <p>“ I have been using it for a number of years. I use Colorlib for usability testing. It's great for taking images and making clickable image prototypes that do the job and save me the coding time and just the general hassle of hosting. ”</p>
                            </div>
                            <div class="star-icon text-center">
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                                <i class="ion-ios-star"></i>
                            </div>
                            <div class="client-name text-center">
                                <h5>Henry smith</h5>
                                <p>Developer</p>
                            </div>
                        </div>
                    </div>
                </div> -->
                <!-- Client Thumbnail Area -->
                <!-- <div class="col-12 col-md-6 col-lg-5">
                    <div class="slider slider-nav">
                        <div class="client-thumbnail">
                            <img src="img/client-3.jpeg" alt="">
                        </div>
                        <div class="client-thumbnail">
                            <img src="img/client-2.jpeg" alt="">
                        </div>
                        <div class="client-thumbnail">
                            <img src="img/client-1.jpeg" alt="">
                        </div>
                        <div class="client-thumbnail">
                            <img src="img/client-2.jpeg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->
    <!-- 用户评价 不要删掉等待后期补充 -->
    <!-- ***** Client Feedback Area End ***** -->

    <!-- ***** CTA Area Start ***** -->
    <!--<section class="our-monthly-membership section_padding_50 clearfix">-->
    <!--    <div class="container">-->
    <!--        <div class="row align-items-center">-->
    <!--            <div class="col-md-8">-->
    <!--                <div class="membership-description">-->
    <!--                    <h2>Join our Monthly Membership</h2>-->
    <!--                    <p>Find the perfect plan for you — 100% satisfaction guaranteed.</p>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <div class="col-md-4">-->
    <!--                <div class="get-started-button wow bounceInDown" data-wow-delay="0.5s">-->
    <!--                    <a href="#">Get Started</a>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->
    <!--宣传付费广告,后期改为捐助或者一些公告的宣传-->
    
    <!-- ***** CTA Area End ***** -->

    <!-- ***** Our Team Area Start ***** -->
    <section class="our-Team-area bg-white section_padding_100_50 clearfix" id="team">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <!-- Heading Text  -->
                    <div class="section-heading">
                        <h2>我们的团队</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="single-team-member">
                        <div class="member-image">
                            <img src="./img/miku.png" alt="">
                            <div class="team-hover-effects">
                                <div class="team-social-icon">
                                    
                                </div>
                            </div>
                        </div>
                        <div class="member-text">
                            <h4>He2&nbsp;</h4>
                            <p>核心开发者 服务端制作 加密算法制作</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="single-team-member">
                        <div class="member-image">
                            <img src="./img/gbs.png" alt="">
                            <div class="team-hover-effects">
                                <div class="team-social-icon">
                                    
                                </div>
                            </div>
                        </div>
                        <div class="member-text">
                            <h4>草方块</h4>
                            <p>核心开发者 客户端开发者 ui与渲染框架制作者</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="single-team-member">
                        <div class="member-image">
                            <img src="./img/tbs.png" alt="">
                            <div class="team-hover-effects">
                                <div class="team-social-icon">
                                   
                                </div>
                            </div>
                        </div>
                        <div class="member-text">
                            <h4>TBS</h4>
                            <p>项目策&amp;团队经理 网页与宣传维护制作这&nbsp;</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="single-team-member">
                        <div class="member-image">
                            <img src="./img/bds.png" alt="">
                            <div class="team-hover-effects">
                                <div class="team-social-icon">
                                    
                                </div>
                            </div>
                        </div>
                        <div class="member-text">
                            <h4>BDS</h4>
                            <p>协助开发者</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Our Team Area End ***** -->

    <!-- ***** Contact Us Area Start ***** -->
    <section class="footer-contact-area section_padding_100 clearfix" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <!-- Heading Text  -->
                    <div class="section-heading">
                        <h2>参与开发与测试</h2>
                        <div class="line-shape"></div>
                    </div>
                    <div class="footer-text">
                      <p>我们将于2022年1月底推出公测版本，欢迎加入我们的开发者团队，参与我们的开发者动态与论坛讨论吧！</p>
                        <p>&nbsp;</p>
                    </div>
					<div class="app-download-area">
                                <div class="app-download-btn wow fadeInUp" data-wow-delay="0.2s">
                                    <!-- Google Store Btn -->
                                    <a href="#" onClick="window.open('https://form.fbtstudio2021.top','_self')">
                                        <i class="fa fa-code"></i>
                                        <p class="mb-0"><span>Go to</span> FBT DevBlog</p>
                                    </a>
                                </div>
                                <div class="app-download-btn wow fadeInDown" data-wow-delay="0.4s">
                                    <!-- Apple Store Btn -->
                                    <!--<a href="#">
                                        <i class="fa fa-apple"></i>
                                        <p class="mb-0"><span>available on</span> Apple Store</p>
                                    </a>-->
                                </div>
                            </div>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					
                    <div class="address-text">
                        <p><span>注意:</span> 请遵守我们的保密协议，参与我们的blog与论坛</p>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- ***** Contact Us Area End ***** -->

    <!-- ***** Footer Area Start ***** -->
    <footer class="footer-social-icon text-center section_padding_70 clearfix">
        <!-- footer logo -->
        <div class="footer-text">
            <h2>Project FChat</h2>
        </div>
        <!-- social icon-->
        
        <!-- Foooter Text-->
        <div class="copyright-text">
            <!-- ***** Removing this text is now allowed! This template is licensed under CC BY 3.0 ***** -->
            <p>版权所有 © 2019 - 2021 FlyBird Teconolgy Studio <a href="http://fbtstudio2021.top/" target="_blank">出品</a></p>
        </div>
    </footer>
    
    <!-- ***** Footer Area Start ***** -->

    <!-- Jquery-2.2.4 JS -->
    <script src="js/jquery-2.2.4.min.js"></script>
    <!-- Popper js -->
    <script src="js/popper.min.js"></script>
    <!-- Bootstrap-4 Beta JS -->
    <script src="js/bootstrap.min.js"></script>
    <!-- All Plugins JS -->
    <script src="js/plugins.js"></script>
    <!-- Slick Slider Js-->
    <script src="js/slick.min.js"></script>
    <!-- Footer Reveal JS -->
    <script src="js/footer-reveal.min.js"></script>
    <!-- Active JS -->
    <script src="js/active.js"></script>



</body></html>